* {
  margin: 0;
  padding: 0;
}

.box3 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  background: url('../../assets/image/01.gif');
  // background: url('../src/assets/image/pageBg.png');
  // background: url('../../assets/image/bgimage.png') no-repeat 100% 100%;

  .left {
    width: 35%;
    height: 100vh;
    background: url('../src/assets/image/Left.png') no-repeat 0 0 /100% 100vh;

    .left_top {
      width: 90%;
      height: 23%;
      margin: 60px 20px 20px 20px;

      .left_one {
        width: 100%;
        height: 90%;
        color: aliceblue;
        display: flex;
        align-items: center;
        text-align: center;
       div{
        width: 40%;
        height: 80%;
       }
       span{
        display: inline-block;
        margin-top: 10px;
       }
      }
    }

    .left_cent {
      width: 90%;
      height: 30%;
      margin: 10px 20px 20px 20px;
      .imgs{
        width: 100%;
        height: 60px;
        img{
          width:45%;
          height: 100%;
          margin-left: 10px;
          margin-top: 5px;
        }
      }
      .left_two{
        margin-top: 3px;
        width: 90%;
        height: 65%;
        margin-left: 20px;
      }
    }

    .left_foot {
      width: 90%;
      height: 30%;
      margin: 10px 30px 20px 20px;
      // border: 1px solid #ab3b3b;
      .left_three{
        width: 100%;
        height: 100%;
        // margin-left: 15px;
      }
    }
  }

  .center {
    width: 30%;
    height: 100vh;
    // background: url('../../assets/image/bgimage.png');
    .cent{ 
      width: 100%;
      height: 300px;
    }
  }

  .right {
    width: 35%;
    height: 100vh;
    background: url('../src/assets/image/Right.png') no-repeat 0 0 /100% 100vh;

    .right_top {
      width: 80%;
      height: 20%;
      margin: 60px 0px 0px 50px;
      // border: 1px solid #803131;
      .qq{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
        img{
        width: 25%;
        height: 100%;
      }
      .CapsuleChart{
        width: 65%;
        height: 100%;
      }
      }
    }
    .right_cent{
      width: 80%;
      height: 30%;
      margin: 1px 1px 1px 50px;
      border: 1px solid #803131;
      .right_one1{
        width: 100%;
        height:200px;
      }
    }
    .right_foot {
      width: 80%;
      height: 30%;
      margin: 10px 50px 50px 50px;
      border: 1px solid #d93a3a;
      .right_two{
        width: 100%;
        height: 100%;
        background: olivedrab;
      }
    }
  }

  .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: url('../src/assets/image/top.png');
    background-repeat: no-repeat;
    background-size: 100% 80px;
  }
}